<HTML>
<HEAD>
<TITLE></TITLE>

<link rel="stylesheet" type="text/css" href="css/tabs.css"/>

<style>
.full {
height:100%;
width:100%;
border:0px;
}
</style>

<script type="text/javascript" src="js/Util.js"></script>
<script type="text/javascript" src="js/Ajax.js"></script>
<script type="text/javascript" src="js/Tabs.js"></script>

</HEAD>

<BODY>

<div id="demoTabs" class="tabs" style="height:80%;">
	<ul class="tabs_picker">
		<li>hi</li>
		<li>tabs</li>
		<li>dnd</li>
		<li>persist</li>
		<li>persist form</li>
		<li>persist forms</li>
		<li>sprite demo</li>
	</ul>
	<div class="tabs_area">
		<div class="tab">
			<h3>Sup?</h3>
			<div>
				This is a collection of JS trickery mainly geared towards writing games.
				It's pretty puny at the moment and looks pretty terrible, but you can 
				always punch it up some with:
			</div>
			<ul>
				<li><a href="http://script.aculo.us/">script.aculo.us</a></li>
				<li><a href="http://www.prototypejs.org/">prototype</a></li>
				<li><a href="http://jquery.com/">jQuery</a></li>
				<li><a href="http://developer.yahoo.com/yui/">YUI</a></li>
			</ul>
			<div>
				etc... It does use a couple of 3rd party pieces already, namely:
			</div>
			<ul>
				<li><a href="http://pablotron.org/software/persist-js/">persist JS</a></li>
				<li><a href="http://www.JSON.org/js.html">JSON</a></li>
			</ul>
			<div>
				both of which provide cool functionality I definately am not writing myself...
				Sadly... the persistJs stuff seems to be broken at the moment &gt;.&lt;
			</div>
		</div>
		<div class="tab"><iframe class="full" src="./demos/tabs.html"></iframe></div>
		<div class="tab"><iframe class="full" src="./demos/dnd.html"></iframe></div>
		<div class="tab"><iframe class="full" src="./demos/persist.html"></iframe></div>
		<div class="tab"><iframe class="full" src="./demos/persist_form.html"></iframe></div>
		<div class="tab"><iframe class="full" src="./demos/persist_forms.html"></iframe></div>
		<div class="tab"><iframe class="full" src="./demos/sprite.html"></iframe></div>
	</div>
</div>

<script type="text/javascript">
var myTabs = new Tabs( 'demoTabs' );
</script>

</BODY>
</HTML>
